<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name="viewport" />
    <meta http-equiv="Content-Type" content="text/html charset=utf-8" />
    <title>runEnd</title>
    <link rel="stylesheet" href="runShare.css">

    <!--<script src="jquery-2.2.3.min.js"></script>-->
    <!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=KiLFtdyqQTTVZx7vIdUHXtjrZnj6G1RG"></script>-->
    <!--<script src="runEnd.js"></script>-->
</head>
<body>
    <div class="bgBox">

        <img src="bg_box.png" class="bgContent">
        <div class="dateBox">
            <div class="bgDate">
                <div class="getDate"><span>2016.12.26</span></div>
                <div class="getTime"><span>19:37</span></div>
                <div class="clear"></div>
            </div>
        </div>

        <div class="imgBox">
            <img src="photo.png" class="photoImg">
        </div>

        <div class="distanceBox">
            <div class="distance">距离</div>
            <div class="distanceNum">4.26KM</div>
        </div>

        <div class="timeBox">
            <div class="time">时长</div>
            <div class="timeNum">00:36:54</div>
        </div>

        <div class="lines"></div>

        <div class="runDate">
            <div class="bgCal">
                <div class="cal lable">卡路里（大卡）</div>
                <div class="calNum lableNum">260</div>
            </div>
            <div class="hourSpeed">
                <div class="hourKm lable">时速（公里/小时）</div>
                <div class="hourSpeedShow lableNum">9.5</div>
            </div>
            <div class="heartRate">
                <div class="perRate lable">平均心率（次/分钟）</div>
                <div class="perNum lableNum">120</div>
            </div>
            <div class="step">
                <div class="stepNum lable">配速（分钟/公里）</div>
                <div class="stepShow lableNum">88'88''</div>
            </div>
        </div>

        <div class="downBox">
            <div class="content_L">
                <div class="AppIcon"><img src="AppIcon.png"></div>
                <div class="fontBox">
                    <div class="AppName">健康传奇</div>
                    <div class="slogan">移动健康专家，无健康不传奇</div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="content_R"><a href="#"><img src="downloadBtn.png"></a></div>
            <div class="clear"></div>
        </div>

    </div>
</body>
</html>